@import "../lulu/sass/variable.scss";
/*====全局的变量和方法定义=========================*/
//颜色定义-主色
$colorPrimary: #4284D7; //网站主色调
$colorWarn: #FFA000; //网站辅助色，突出显示类
$colorError: #E64A19; //网站辅助色。删除类
$colorSuccess: #4CAF50; //网站辅助色，成功类

//颜色定义-副色,稍淡稍亮，用于hover效果,在主色的基础上增亮30%
$colorPrimaryLight: $colorPrimary*1.3;
$colorWarnLight: $colorWarn*1.3;
$colorErrorLight: $colorError*1.3;
$colorSuccessLight: $colorSuccess*1.3;
//文本颜色
$colorDefault: #333333; //主文字、标题类、内容类文字
$colorDefaultLight: #999999; //副文字，提示类
$colorDefaultReverse: #FFFFFF; //文字反转色

//标准边框色
$borderColorPrimary: #73AEF8;
$borderColorWarn: #FFBD5A;
$borderColorSuccess: #84d387;
$borderColorError: #E64A19*1.1;
$borderColorGrey: #DCDCDC;
$borderColorDefault: $borderColorGrey; //默认的边框颜色

//标准边框色(hover)，增亮20%
$borderColorPrimaryLight: $borderColorPrimary*1.2;
$borderColorWarnLight: $borderColorWarn*1.2;
$borderColorSuccessLight: $borderColorSuccess*1.2;
$borderColorErrorLight: $borderColorError*1.2;
$borderColorGreyLight: $borderColorGrey*1.2;
$borderColorDefaultLight: $borderColorDefault*1.2;

//标准背景色
$bgColorPrimary: #F7FBFF;
$bgColorWarn: #FFFAF3;
$bgColorSuccess: #F4FBF4;
$bgColorError: #FFFAF3;
$bgColorGrey: #F8F8F8; //区域背景色，title等地方
$bgColorDarkGrey: #F5F5F5; //较深的背景色，表格斑马色，label等
$bgColorDefault: #FFFFFF; //主体背景色

//标准背景色(hover)，增亮20%
$bgColorPrimaryLight: $bgColorPrimary*1.2;
$bgColorWarnLight: $bgColorWarn*1.2;
$bgColorSuccessLight: $bgColorSuccess*1.2;
$bgColorErrorLight: $bgColorError*1.2;
$bgColorGreyLight: $bgColorGrey*1.2;
$bgColorDefaultLight: $bgColorGreyLight;

//标准字
$fontF1: 16px; //需要特殊突出的字号
$fontF2: 14px; //标题类字号
$fontF3: 12px; //内容类字号
$fontDefault: $fontF3; //默认字号

//=====其它组件的颜色定义=====================================

//分页
$paginationBg: #c4ccd9; //分页背景

//输入框、搜索框、下拉框等高度和宽度定义,同时这也是中型按钮的高度
$inputHeight: 28px; //总高度
$inputWidth: 250px; //总宽度

//margin padding基数,会自动生成margin,padding的样式，
//[m,ml,mr,pd,pdl,pdr,pdt,pdb]-[1~10]*$baseLength的样式，如m-3表示margin:15px。
//调整此参数能修改网页元素的外间距和内间距
$baseLength: 5px;

//表格
$tableHeadBg: $bgColorDarkGrey; //表格斑马背景
$tableHeadBgHover: $bgColorPrimary; //hover背景色
$trHeight: 36px; //表格高度

//btnGroup
$labelBgColor: $bgColorDarkGrey;
$labelWidth: 160px;

//tab
$tabHeight: 40px; //标准标签页高度
$tabHeightMiddle: 30px; //中型标签页高度
//表单
$formItemWidth: 370px; //表单项宽度
$formItemLabelWidth: 100px; //表单label标签宽度
$formDateInputMinWidth:($inputWidth - 44px);
$formDateInputHeight: ($inputHeight - 20px);
//透明处理
@mixin g_mixin_opacity($opacity:0.5) {
  opacity: $opacity;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity*100);
  filter: alpha(opacity=$opacity*100);
}

//遮罩层处理
@mixin g_mask_bg {
  //IE8兼容处理
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#CC191c22, endcolorstr=#CC191c22);
  //IE9+ 谷歌
  background-color: rgba(0, 0, 0, 0.7);
}
